<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body style="background-color: rgb(215, 215, 250);">    
    <!-- 
        css 设置样式的
            通过元素的style属性进行设置
            style=”样式名:样式值;样式名:样式值;......“
        块元素 ：独子占一行 css样式高宽都是生效的
        div
        行内元素:不独自占一行 css样式高宽都是不生效的
        span
    -->
    <div style="border: 1px solid red;width: 500px;height: 200px;margin: 10px auto;background-color: antiquewhite;">123</div>
    <div style="border: 1px solid red;width: 500px;height: 200px;margin: 10px auto;background-color: aqua;">456</div>
    <div style="border: 1px solid red;width: 500px;height: 200px;margin: 10px auto;background-color: aquamarine;"><span style="font-size: 30px;color: black;font-weight: 50px;">789</span>45646545645645 </div>
    <span style="border: 1px solid red;width: 500px;height: 200px;margin: 10px auto;background-color: aquamarine;">789 </span>
</body>
</html>